body {
    background-image: linear-gradient(#204757, #212b4b, #272033);
    /* background-image: url('/img/fan-bg.svg'); */
    background-repeat: no-repeat;
    background-size: auto auto;
    user-select: none;
    background-attachment: fixed;
    overflow: hidden;
}

.bdz-svg {
    width: 115rem;
    height: 85rem;
    position: absolute;
    top: 8rem;
    left: 2rem;
    filter: drop-shadow(rgb(255, 255, 255) 0 0 0.15rem);
}
.bdz-svg-qqnb,
.bdz-svg-qqbb{
    width: 115rem;
    height: 60rem;
    position: absolute;
    top: 6rem;
    left: 2rem;
}
/* 配电间标题 */
.bdz-title {
    width: auto;
    height: 2rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1rem;
    color: rgb(96, 255, 215);
    font-size: 1.5rem;
    font-family: 微软雅黑;
    font-weight: 550;
    letter-spacing: 0.2rem;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    box-shadow: rgb(0, 0, 0) 0.2rem 0.2rem 0.5rem inset, rgba(142, 255, 236, 0.5) -0.2rem -0.2rem 0.3rem inset;
}

/* 负荷名称按钮 */
.show-loadname-bt {
    position: absolute;
    left: 31.5rem;
    top: 1.7rem;
    width: 6.5rem;
    height: 2.5rem;
    text-align: center;
    background-color: rgba(57, 108, 124, 0.445);
    font-size: 1.1rem;
    line-height: 2.4rem;
    letter-spacing: 0.2rem;
    font-family: 微软雅黑;
    font-weight: 600;
    color: #518075b6;
    border: #00ffc869 solid 0.1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.1s;
    box-shadow: black 0 0 1.2rem inset;
    z-index: 99;
}

.show-loadname-bt:hover {
    color: #518075f3;
    box-shadow: black 0 0 0.5rem inset;
    background-color: rgba(57, 108, 124, 0.6);
}

/* 返回按钮 */
.back-to-xtt{
    position: absolute;
    right: 2rem;
    top: 2rem;
    text-align: center;
    background-color: rgba(4, 27, 34, 0.3);
    font-size: 2rem;
    font-family: 微软雅黑;
    font-weight: 600;
    color: #518075b6;
    /* border: #00ffc869 solid 0.1rem; */
    border-radius: 0.3rem;
    cursor: pointer;
    transition: all 0.1s;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.2rem;
    z-index: 99;
}

.back-to-xtt:hover {
    color: aqua;
    background-color: rgba(57, 108, 124, 0.6);
}
/* 实时数据 */
.link-to-chart{
    position: absolute;
    right: 6rem;
    top: 1.7rem;
    width: auto;
    height: 2.5rem;
    padding: 0rem 0.5rem;
    text-align: center;
    background-color: rgba(57, 108, 124, 0.445);
    font-size: 1.1rem;
    line-height: 2.4rem;
    letter-spacing: 0.1rem;
    font-family: 微软雅黑;
    font-weight: 600;
    color: aqua;
    border: aqua solid 0.1rem;
    border-radius: 0.3rem;
    cursor: pointer;
    transition: all 0.1s;
    box-shadow: black 0 0 1.2rem inset;
    z-index: 99;
}
.link-to-chart:hover{
    color: white;
    background-color: rgba(62, 161, 148, 0.6);
    box-shadow: black 0 0 0.5rem inset;

}

/* 时钟 */
.clock {
    display: block;
    position: absolute;
    left: 2.5rem;
    top: 1.5rem;
    font-family: BankGothic Md BT;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.5rem 2rem 0.5rem 2rem;
    font-size: 1.8rem;
    color: rgb(96, 255, 215);
    border-radius: 0.3rem;
    border: black 0.1rem solid;
    /* filter: drop-shadow(aqua 0 0 0.2rem); */
    text-shadow: rgb(96, 255, 215) 0 0 1rem,rgb(96, 255, 215) 0 0 0.2rem;
    box-shadow: rgba(0, 255, 255, 0.2) 0 0 1rem inset;
    z-index: 99;
}
/* 搜索框 */
.search-switch-name{
    position: absolute;
    left: 85rem;
    top: 2rem;
    background-color: rgba(48, 48, 48, 0.3);
    border: rgba(0, 255, 255, 0.6) solid 0.1rem;
    color: white;
    height: 2.2rem;
    width: 11rem;
    padding-left: 1rem;
    border-radius: 0.5rem ;
    box-shadow: rgba(0, 255, 255, 0.5) 0 0 1rem,black 0 0 0.3rem inset;
}
.search-switch-name-btn{
    position: absolute;
    left: 94.8rem;
    top: 2.4rem;
    background-color: rgba(0, 238, 255, 0.6);
    border-radius: 0.2rem;
    border: aqua solid 0.1rem;
    padding: 0.1rem;
    cursor: pointer;
    transition: all 0.1s;
}
.search-ps-text{
    position: absolute;
    left: 98rem;
    top: 2.2rem;
    color: white;
    font-size: 0.8rem;
    text-align: center;
    display: none;
}

.search-switch-name-btn:hover{
   transform: scale(0.9);
   background-color: aqua;
}

/* =====================================================================================================
//-------------------------------------------    配电间    ---------------------------------------------
//====================================================================================================== */

/* lightGroup  */
.bdz-panel {
    display: block;
    height: auto;
    width: auto;
    user-select: none;
    margin: 0 auto;
    position: absolute;
    top: 2rem;
    left: -1rem;
}

.bdz-container-2 {
    display: flex;
    position: absolute;
    top: 32.9rem;
    left: 5rem;
}

.bdz-container-2 .bdz {
    margin-right: -1.4rem;
}

.bdz-container-3 {
    display: flex;
    position: absolute;
    top: 50.4rem;
    left: 7rem;
}

.bdz-container-3 .bdz {
    margin-right: -0.9rem;
}

.bdz-container-n2 {
    display: flex;
    position: absolute;
    top: 32.9rem;
    left: 7rem;
}

.bdz-container-n2 .bdz {
    margin-right: -1rem;
}

.bdz-container-n3 {
    display: flex;
    position: absolute;
    top: 50.4rem;
    left: 7rem;
}

.bdz-container-n3 .bdz {
    margin-right: -1rem;
}



/* lightComponentDiv */
.bdz-panel>.bdz {
    display: inline;
    /* margin: 3rem; */
    position: absolute;
}

/* lightDiv_label */
.bdz>div:nth-child(1) {
    display: block;
    width: 2rem;
    height: 2.5rem;
    filter: drop-shadow(rgba(128, 255, 249, 0.2) 0 0 0.2rem);
    color: rgb(255, 255, 255);
    font-size: 1rem;
    /* font-family: BankGothic Md BT; */
    font-weight: 500;
    text-align: center;
    transform: scale(0.6, 0.8);
    margin: 0rem 0 0.3rem 1.4rem;
    pointer-events: none;
}

/*SWITCH*/
.bdz .switch-img {
    width: 1.5rem;
    height: 6rem;
    position: absolute;
    margin: -2.7rem 0 0 1rem;
    /* top: 0rem;
    left: 1rem; */
    display: block;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    z-index: 99;
}
.bdz .switch-img:hover{
    background-color: rgba(0, 0, 0, 0.3);
}

.circuit-info {
    color: rgb(255, 255, 255);
    width: 1.5rem;
    height: auto;
    margin: -1.5rem 0 0 1.8rem;
    font-size: 0.8rem;
    text-align: center;
    padding: 0.1rem;
    /* backdrop-filter: blur(0.1rem); */
    /* border:rgb(85, 221, 255) solid 0.1rem; */
    /* background: rgba(2, 55, 90, 0.5); */
    word-wrap: break-word;
    z-index: 98;
    opacity: 0;
    transition: all 0.1s;
}


/* =====================================================================================================
//-----------------------------------------------变压器统计面板 -----------------------------------------
//====================================================================================================== */

.transformer-panel {
    display: block;
    position: relative;
    top: 2rem;
    left: 0rem;
    z-index: 0;
}

/* lightComponentDiv */
.transformer-panel>.transformer {
    display: flex;
    height: auto;
    width: auto;
    user-select: none;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

.transformer .transformer-cell {
    background-color: rgba(0, 0, 0, 0.2);
    border: rgb(154, 255, 255) solid 0.1rem;
    font-family: BankGothic Md BT;
    text-align: center;
    width: 4rem;
    height: 3rem;
}

/* label */
.transformer-cell .label {
    border-bottom: rgb(154, 255, 255) solid 0.1rem;
    color: aqua;
    background-color: rgba(0, 0, 0, 0.6);
}

/* value */
.transformer-cell .value {
    color: rgb(0, 255, 115);
    line-height:1.8rem;

}



/* =====================================================================================================
//-----------------------------------    配电间 系统图集成页面   ----------------------------------------
//====================================================================================================== */
.bdz-iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 0;
    transition: all 0.5s;
}

.bdzXtt-box {
    perspective: 150;
    -webkit-perspective: 150;
}

.bdz-map-box {
    display: block;
    user-select: none;
    margin: 0 auto;
    position: absolute;
    top: 0rem;
    left: 0.2rem;
    width: 118rem;
    height: 66rem;
    transition: all 0.2s;
    background: #01222242;
    filter: drop-shadow(rgba(66, 255, 246, 0.5) 0 0 1rem);
    backdrop-filter: blur(0.3rem);
    border: #4bffff solid 0.1rem;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 99;
    perspective: 150;
    -webkit-perspective: 150;
}

.bdz-map-parent {
    transition: all 0.8s;
}

.bdz-map-label {
    width: 22rem;
    height: 2rem;
    position: absolute;
    left: 46rem;
    top: 2rem;
    color: rgb(255, 255, 255);
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 0 0 0.2rem);
    font-size: 1.5rem;
    font-family: 微软雅黑;
    font-weight: 550;
    letter-spacing: 0.2rem;
    padding-left: 2rem;
    border-left: rgb(96, 255, 215) double 1.5rem;
    border-right: rgb(96, 255, 215) double 1.5rem;
    border-radius: 0.5rem;
    z-index: 99;
}

.bdz-map {
    position: absolute;
    top: 5rem;
    left: 0rem;
    width: 118rem;
    height: 61rem;
    opacity: 0.6;
    z-index: 1;
    filter: brightness(60%);
    border: #4bffff solid 0.1rem;
}

/* 每个配电间的点 */
.bdz-map-container {
    position: absolute;
    z-index: 98;
    cursor: pointer;
}

.bdz-block-box {
    position: absolute;
    perspective: 150;
    -webkit-perspective: 150;
}

.bdz-block-label {
    width: 5rem;
    font-size: 1rem;
    font-family: 微软雅黑;
    color: white;
    margin-bottom: 0.5rem;
    background: rgba(3, 54, 49, 0.5);
    text-align: center;
    border: aqua solid 0.1rem;
    transition: all 0.2s;
}

.bdz-block {
    background: rgba(0, 255, 242, 0.5);
    border: rgb(0, 255, 234) solid 0.2rem;
    overflow: hidden;
    transition: all 0.2s;
    animation: blockflash 1.5s infinite linear alternate;
    filter: drop-shadow(rgb(0, 255, 149) 0 0 0.5rem);
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 0.5rem inset;
    opacity: 0.5;
    transform: translateZ(-5rem);
    transform-style: preserve-3d;
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
}

.bdz-block:hover {
    transform: scale(0.95);
    filter: drop-shadow(rgb(0, 0, 0) 0 0 0.5rem);
}

@keyframes blockflash {
    0% {
        background: rgba(0, 255, 242, 0.2);
    }

    100% {
        background: rgba(0, 255, 179, 0.5);

    }
}



.bdz-block-line {
    width: 10rem;
    height: 0.5rem;
    filter: blur(0.2rem);
    background: rgb(65, 255, 182);
    animation: lineflash 2s infinite linear alternate;

}

@keyframes lineflash {
    0% {}

    100% {
        transform: translateY(10rem);
    }
}

/* 2d/3d弹窗 */
.bdz-link-box {
    position: absolute;
    top: 2rem;
    left: -4.5rem;
    z-index: 99;
    transform: rotateY(20deg) scaleY(0);
    transform-origin: right;
    transition: all 0.2s;
}

.bdz-link-box>div {
    position: relative;
    width: 4.5rem;
    height: 2rem;
    border: aqua solid 0.1rem;
    color: aqua;
    text-align: center;
    background: rgba(61, 200, 255, 0.2);
    backdrop-filter: blur(0.1rem);
    filter: drop-shadow(rgb(0, 0, 0) -1rem 0 0.5rem);
    /* box-shadow: rgba(81, 255, 255, 0.3) -1rem 0 1rem; */
    line-height: 2rem;
    transition: all 0.2s;
    z-index: 1;
}

.bdz-link-box>div:hover {
    background: rgba(37, 201, 201, 0.5);
    color: white;
    transform: scale(1.1) translateX(0.3rem);
    z-index: 2;
}

/* 智能巡检按钮 */
.bdz-inspection-label {
    position: absolute;
    right: 12rem;
    top: 20rem;
    width: 6.5rem;
    height: 2.5rem;
    text-align: center;
    background-color: rgba(57, 108, 124, 0.445);
    font-size: 1.1rem;
    line-height: 2.4rem;
    letter-spacing: 0.2rem;
    font-family: 微软雅黑;
    font-weight: 600;
    color: #518075b6;
    border: #00ffc869 solid 0.1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.1s;
    box-shadow: black 0 0 1.2rem inset;
    z-index: 99;
}

.bdz-inspection-label:hover {
    color: #518075f3;
    box-shadow: black 0 0 0.5rem inset;
    background-color: rgba(57, 108, 124, 0.6);

}

.bdz-function-bt {
    position: absolute;
    width: 8rem;
    height: 2.5rem;
    text-align: center;
    background-color: rgba(23, 116, 145, 0.445);
    font-size: 1rem;
    line-height: 2.4rem;
    font-family: 微软雅黑;
    font-weight: 600;
    color: #43f2ff;
    border: #00ffc869 solid 0.1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.1s;
    box-shadow: black 0 0 1.2rem inset;
    z-index: 99;
}

.bdz-function-bt:hover {
    color: #75ffdff3;
    box-shadow: black 0 0 0.5rem inset;
    background-color: rgba(52, 173, 209, 0.6);
}

.bdz-download-label {
    right: 12rem;
    top: 25rem;
}

.bdz-energy-laebl {
    right: 12rem;
    top: 30rem;
    letter-spacing: 0.2rem;
}

@keyframes bdzAlarmFlash {
    0% {
        transform: scale(1);
        filter: hue-rotate(0deg)
    }

    100% {
        transform: scale(1.1);
        filter: hue-rotate(190deg)
    }
}

@keyframes switchAlarmFlash {
    0% {
        transform: scale(1);
        color: darkgrey;
        filter: drop-shadow(rgba(128, 255, 249, 0.5) 0 0 0.5rem);
        background: rgba(255, 0, 0, 0);
    }

    100% {
        transform: scale(1.1);
        color: rgb(255, 255, 255);
        filter: drop-shadow(rgb(255, 0, 34) 0 0 0.5rem);
        background: rgb(255, 0, 0);
    }
}

/* 配电间告警列表 */
.bdz-alarm-list {
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    z-index: 99;
    transition: all 0.5s;
    overflow: auto;
    border: #4bffff solid 0.1rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.bdz-alarm-row {
    display: flex;
    margin-bottom: 0.5rem;
}

.bdz-alarm-row>div {
    color: white;
    border: aqua solid 0.1rem;
    height: 2.2rem;
    background: rgba(3, 32, 51, 0.5);
    text-align: center;
    line-height: 2rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bdz-alarm-row-label {
    width: 8rem;
}

.bdz-alarm-row-device {
    width: 8rem;
    background: rgba(255, 0, 43, 0.5) !important;
}

.bdz-alarm-row-state {
    width: 8rem;
}

.bdz-alarm-row-time {
    width: 8rem;
}

.bdz-alarm-row-info {
    width: 25rem;
}

.bdz-alarm-list-toggle-btn {
    position: absolute;
    bottom: 2.5rem;
    left: 0.3rem;
    color: aqua;
    border: aqua solid 0.1rem;
    height: 13.8rem;
    width: 2rem;
    background: rgba(3, 32, 51, 0.5);
    text-align: center;
    line-height: 13rem;
    font-weight: 600;
    z-index: 99;
    transition: all 0.2s;
    cursor: pointer;
}

.bdz-alarm-list-toggle-btn:hover {
    background: rgba(109, 255, 248, 0.8);
    color: rgb(46, 0, 0);
}

/* 下载列表 */
.bdz-download-panel {
    position: absolute;
    top: 8rem;
    left: 70rem;
    z-index: 999;
    transition: all 0.3s;
    transform-origin: right;
}

.bdz-download-panel-title {
    color: rgb(0, 56, 56);
    text-align: center;
    border: aqua solid 0.1rem;
    background: rgba(0, 255, 255, 0.808);
    font-size: 1.2rem;
    width: 26.3rem;
    margin-top: -0.5rem;
    height: 2rem;
    backdrop-filter: blur(0.2rem);
    line-height: 2rem;
}

.close-bdz-download-panel {
    /* position: absolute; */
    margin-top: -2rem;
    margin-left: 24rem;
    color: rgb(5, 255, 255);
    text-align: center;
    border: aqua solid 0.1rem;
    background: rgba(5, 75, 75, 0.767);
    font-size: 1.2rem;
    width: 1.5rem;
    height: 1.5rem;
    backdrop-filter: blur(0.2rem);
    line-height: 1.2rem;
    cursor: pointer;
    transition: all 0.1s;
}

.close-bdz-download-panel:hover {
    transform: scale(0.9);
    background: rgba(7, 145, 145, 0.87);

}

.bdz-download-list {
    border: aqua solid 0.1rem;
    padding: 0.5rem;
    height: auto;
    overflow: auto;
}

.bdz-download-list>div {
    position: relative;
    color: rgb(172, 255, 255);
    text-align: center;
    border: aqua solid 0.1rem;
    font-size: 1.2rem;
    width: 25rem;
    height: 2rem;
    backdrop-filter: blur(0.2rem);
    line-height: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    cursor: pointer;
}

.bdz-download-list>div:hover {
    background: rgba(0, 255, 255, 0.3);
    transform: scale(1.03);
}


/*======================= 报警详情弹窗 ========================*/
.switch-alarm-detail-panel {
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 999;
    visibility: visible;
}

.switch-alarm-detail-panel .alarm-details-panel {
    position: absolute;
    top: 10rem;
    left: 46rem;
    width: 28rem;
    height: 22rem;
    background-color: rgba(6, 20, 51, 0.2);
    border: aqua double 0.2rem;
    border-radius: 1rem;
    backdrop-filter: blur(0.2rem);
    filter: drop-shadow(rgba(0, 0, 0, 0.6) 0 0 0.5rem);
    transition: all 0.2s;
}

.switch-alarm-detail-panel .alarm-details-title {
    font: bolder 1.2rem 微软雅黑;
    letter-spacing: 0.2rem;
    color: aqua;
    margin: 0.5rem 0 0 0rem;
    padding: 0 0 0.5rem 1rem;
    border-bottom: aqua solid 0.1rem;

}

/* 关闭按钮 */
.switch-alarm-detail-panel .alarm-details-panel .close-bt {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    font-size: 1.2rem;
    text-align: center;
    background: rgba(46, 255, 227, 0.5);
    font-weight: 600;
    font-family: 微软雅黑;
    z-index: 99;
    transition: all 0.1S;
    cursor: pointer;
}

.switch-alarm-detail-panel .alarm-details-panel .close-bt:hover {
    transform: scale(0.9);
    background: rgba(46, 255, 227, 0.8);
}


.switch-alarm-detail-panel .alarm-details-panel .alarm-details-list>div {
    display: flex;
    font: bold 1rem 微软雅黑;
    color: white;
    margin: 0.5rem 0 1rem 0.9rem;
    border: turquoise solid 0.1rem;
    width: 26rem;
}

.switch-alarm-detail-panel .alarm-details-panel .alarm-details-list>div .alarm-details-label {
    background: rgba(80, 243, 255, 0.2);
    width: 6.5rem;
    text-align: left;
    padding: 0.2rem 0 0.2rem 1.2rem;
    border-right: turquoise solid 0.1rem;
    letter-spacing: 0.1rem;
}

.switch-alarm-detail-panel .alarm-details-panel .alarm-details-list>div .alarm-details-value {
    background: rgba(0, 13, 43, 0.2);
    width: 19.5rem;
    text-align: left;
    padding: 0.2rem 0 0.2rem 1.5rem;
}

.switch-alarm-detail-panel .alarm-details-panel .alarm-details-list>div .device-name {
    background: rgba(255, 4, 0, 0.3);
}

.switch-alarm-detail-panel .alarm-details-bt-operation {
    display: flex;
    margin: 2rem 0 0 0rem;
    padding: 0 1rem 1.6rem 0rem;
    border-bottom: aqua solid 0.1rem;
    justify-content: flex-end;
}

.switch-alarm-detail-panel .alarm-details-bt-operation>div {
    width: 3.8rem;
    height: 1.8rem;
    color: rgb(255, 255, 255);
    border: rgb(46, 255, 220) solid 0.1rem;
    background: rgba(0, 100, 0, 0.5);
    border-radius: 0.2rem;
    font: bold 1rem 微软雅黑;
    line-height: 1.8rem;
    text-align: center;
    letter-spacing: 0.2rem;
    margin-left: 0.8rem;
    transition: all 0.1s;
    cursor: pointer;
}



/* 温湿度传感器 */
.rtrh {
    position: absolute;
    display: flex;
    z-index: 999;
}

.rtrh .label {
    width: 3rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
    /* background-color: #064964b2; */
}

.rtrh .value {
    width: 8rem;
    height: 1.8rem;
    text-align: center;
    font-weight: 600;
    line-height: 1.8rem;
    background-color: #195c77b2;
    margin-right: 2rem;
    color: aqua;
}


/* =====================================================================================================
//-----------------------------------    配电间 表格  ----------------------------------------
//====================================================================================================== */


/*------------ 表头 --------------*/
.bdz-table-head{
    position: absolute;
    top: 7rem;
    left: 3.8rem;
    display: flex;
    z-index: 99;
}
.bdz-table-head .bdz-table-head-child{
    width: 6.5rem;
    height: auto;
    padding: 0.2rem;
    border: aqua 0.1rem solid;
    color: aqua;
    text-align: center;
    font-size: 1.2rem;
}
.bdz-table-head .bdz-table-head-info{
    width: 12rem;
}
/*--------------------------*/

.bdz-chart-container{
    position: absolute;
    left: 2.3rem;
    top: 10rem;
    box-shadow: black 0 0 1rem;
    border: rgb(20, 12, 1) 0.1rem solid;
    background-color: rgb(233, 229, 223);
    padding: 1rem;
    border-radius: 1rem;
    overflow: auto;
    height: 52rem;
}
.bdz-table-raw{
    display: flex;
    padding:0.2rem 0.5rem;
    cursor: pointer;
}
.bdz-table-raw:hover{
    background-color: rgb(185, 182, 179);
}
.bdz-table-raw .bdz-table-col{
    width: 6.5rem;
    height: auto;
    padding: 0.2rem;
    border: rgb(20, 12, 1) 0.1rem solid;
    color: rgb(20, 12, 1);
    text-align: center;
    font-size: 1.2rem;
}

.bdz-table-raw .label{
    font-weight: 600;
}
.bdz-table-raw .info{
    width: 12rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  
}


/* =====================================================================================================
//-----------------------------------   电表信息三合一面板  ----------------------------------------
//====================================================================================================== */

.switch-panel{
    position: absolute;
    height: auto;
    width: 71rem;
    top:3rem;
    left: 5rem;
    z-index: 999;
    opacity: 0;
    transition: all 0.3s;
    transform-origin: 0 100%;
    transform: translate(-80rem);
}
.switch-panel-title{
    color: white;
    font-size: 2.2rem;
    font-weight: 600;
    position: absolute;
    top: 4.5rem;
    z-index: 9;
    letter-spacing: 0.1rem;
    left: 0.5rem;
    text-align: right;

}
.switch-panel-subtitle{
    color: rgb(207, 220, 230);
    font-size: 1.2rem;
    font-weight: 600;
    position: absolute;
    top: 5.5rem;
    z-index: 9;
    letter-spacing: 0.1rem;
    left: 8.8rem;
    text-align: left;
}
.switch-panel-bg{
    position: absolute;
    left: -5rem;
    top: 3rem;
    width: 76rem;
    height: 61.5rem;
    backdrop-filter: blur(0.5rem);
    background-color: rgba(39, 37, 30, 0.8);
    box-shadow: rgba(0, 0, 0, 0.6) 1rem 1rem 2rem;
}
.switch-panel-close{
    position: absolute;
    top:22rem;
    right: 0rem;
    height: 15rem;
    line-height: 15rem;
    width: 1.5rem;
    color: white;
    border: white solid 0.1rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    z-index: 9;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.2s;
}
.switch-panel-close:hover{
   opacity: 0.8;
}
.switch-panel-chart-container{
    width: 37rem;
    height: 28rem;
    padding: 1.5rem;
    border-radius: 1rem;
    background-image: linear-gradient(rgba(71, 69, 69, 0.8),rgba(70, 70, 75, 0.9),rgb(44, 44, 54));
    backdrop-filter: blur(0.5rem);
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 1rem;
    margin-top:9rem;
}
.switch-panel-alarm{
    width: 37rem;
    height: 13rem;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background-image: linear-gradient(to left bottom,rgb(151, 118, 133),rgb(107, 76, 90),rgb(75, 53, 80),rgb(59, 41, 61));
    backdrop-filter: blur(0.5rem);
    margin-top: 2rem;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 1rem;
    opacity: 0.8;
}
.alarm-details-list{
    display: flex;
    margin-left:3rem;
}
.alarm-details-list .alarm-details-list-row{
    margin-right: 5rem;
}
.alarm-details-list-row .alarm-details-label{
    color: rgba(255, 255, 255, 0.61);
    margin: auto;
    text-align: center;
}
.alarm-details-list-row .alarm-details-value{
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(63, 63, 87, 0.548);
    border: white solid 0.1rem;
    width: 6rem;
    height: 1.5rem;
    padding: 0.1rem 0.5rem;
    margin: 0.5rem auto ;
    text-align: center;
}
.alarm-details-list .state .alarm-details-value{
    background-color: rgba(0, 163, 0, 0.5);
}
.alarm-details-list .info{
    position: absolute;
    top: 7rem;
    left: 4.5rem;
}
.alarm-details-list .info .alarm-details-label{
    text-align: left;
    padding-left: 1rem;
}
.alarm-details-list .info .alarm-details-value{
    width: 30rem;
    height: 4rem;
    text-align: left;
}
.alarm-details-bt-operation{
    position: absolute;
    left: 29rem;
    top:6.8rem;
    display: flex;
}
.alarm-details-bt-operation > div{
    color: aqua;
    text-align: center;
    margin-right: 0.8rem;
    background-color: rgba(27, 30, 51, 0.6);
    padding: 0.1rem 0.5rem;
    border: aqua solid 0.1rem;
    border-radius: 0.2rem;
    box-shadow: black 0 0 0.2rem inset;
    cursor: pointer;
}

.alarm-details-bt-operation>div:hover {
    filter: brightness(250%);
}
.switch-panel-info{
    position: absolute;
    top: 9rem;
    left: 42rem;
    width: 23rem;
    height: 45rem;
    padding: 1.5rem;
    border-radius: 1rem;
    background-image:  linear-gradient(210deg,rgb(80, 74, 77),rgb(65, 53, 58),rgb(45, 35, 48),rgb(39, 23, 41));
    backdrop-filter: blur(0.5rem);
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 1rem;

}

.switch-panel-info .switch-panel-info-child{
    display: flex;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.switch-panel-info .switch-panel-info-child:hover{
    background-color: rgba(255, 115, 0, 0.3);
}
.switch-panel-info .switch-panel-info-child .switch-panel-info-child-label{
   color: white;
   font-family: BankGothic Md BT;
   font-size: 1.1rem;
   border-bottom: white solid 0.1rem;
   border-left: aqua double 0.5rem;
   width: 15rem;
   padding: 0.2rem 0 0.1rem 1rem;
}

.switch-panel-info .switch-panel-info-child .switch-panel-info-child-value{
    color: white;
    font-family: BankGothic Md BT;
    font-size: 1.5rem;
    border-bottom: rgb(255, 255, 255) solid 0.1rem;
    width: 10rem;
    padding: 0.2rem 0 0.2rem 0.5rem;
    text-align: center;
 }